<template>
  <div class="container">
   
    <center>
       <div>
       <el-carousel height="600px"> 
         <el-carousel-item v-for="item in src" :key="item">
     <h3><el-image  :src="item"></el-image></h3> 
    </el-carousel-item>
  </el-carousel>
  </div>
  </center>
  </div>
</template>

<script>
import Logo from '~/components/Logo.vue'
import indexApi from '@/api/indexApi'




export default {
  components: {
    Logo
  },
  //用来SSR服务端渲染的方法 用来加载主页
  asyncData(){

   
},
data(){
  return {src: ['https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg','http://photocdn.sohu.com/20120128/Img333056814.jpg','http://pic25.nipic.com/20121205/10197997_003647426000_2.jpg']

  }
},
methods:{
  
}
}
</script>



<style>
 .el-carousel__item h3 {
    color: #475669;
    font-size: 18px;
    opacity: 0.75;
    line-height: px;
    margin: 0;
  }
</style>